// 汇报详情
<template>
    <div class="reportDetail">
        <!-- 任务信息 -->
        <div style="background:#fff;">
            <div class="tip">
            </div>
            <div class = "content">
                <div class = "title">
                    <span v-text = "'—— ' + reportDetail.title + ' ——'"></span>
                </div>
                <div class = "subTitle">
                    <span v-text = "'汇报时间' + reportDetail.createdTime"></span>
                </div>
                <div class = "contentHtml" v-html = "reportDetail.content">

                </div>
            </div>
        </div>
        <!-- 情况通报附件上传 -->
        <div style="margin-top:20px;">
            <UploadFile 
                :title ="'情况通报附件上传'" :subTitle ="''" :showUploadButton ="false"
                :maxNumber ="2048" :maxSize = "1024" :fileTypes ="['DOC', 'DOCX', 'PDF']" 
                :showDleteButton = "false" :fileData = "reportDetail.attachList" />
        </div>
    </div>
</template>
<script>
export default {
    components: {
        UploadFile: () => import('../../comonComponent/uploadFile')
    },
    props:{
        reportDetail: {
            type: Object,
            default: () => {
                return {
                    "attachList": [],
                    "content": "",
                    "createdTime": "",
                    "title": ""
                }
            } 
        },
    },
    data() {
        return {
            
        }
    },
}
</script>
<style lang="less" scoped>
    .reportDetail{
        margin-top:20px;
        .tip {
            display: flex;
            padding: 15px;
            align-items: center;
            .tipLeft {
                width: 4px;
                height: 14px;
                background: #3D7fff;
                margin-right: 10px;
            }
            .tipTitle {
                font-weight: 600;
                color: #333333;
                font-size: 16px;
                line-height: 16px;
                flex: 1;
            }
            .tipButton {
                border: 1px solid #3D7FFF;
                color: #3D7FFF;
                width: 70px;
                height: 30px;
                font-weight: 500;
                border-radius: 4px;
            }
        }
        .content{
            max-width: 1080px;
            margin: 0 auto;
            padding: 4px 20px 24px 20px;
            .title {
               text-align: center;
               font-size: 22px;
               font-weight: 500;
               color: #333;
               font-family: PingFangSC-Medium, PingFang SC;
               line-height: 30px;
            }
            .subTitle {
                text-align: center;
                color: #999;
                font-weight: 400;
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                line-height: 22px;
                padding:24px 0 46px 0;
            }
            .contentHtml {
                font-size: 16px;
                font-weight: 400;
                color: #333;
                line-height: 32px;
            }
        }
    }
</style>